<template>
  <div class="none-data">
    <div>
      <i class="icon icon-none-data"></i>
      <p class="text">暂无内容</p>
    </div>
  </div>
</template>

<script>
  export default {
    name: 'NoneData',
    data () {
      return {
      };
    }
  };
</script>

<style lang="scss" scoped>
  @import '../../assets/style/variable';
  .none-data{
    // height: calc(100vh - 88px - #{getRem(98)});
    height: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    &>div{
      width: 100%;
    }
    .icon{
      display: block;
      width: 100%;
      height: getRem(133);
      background: url(../../assets/images/icon-apply-nodata.png) no-repeat center center;
      background-size: getRem(147) getRem(133);
    }
    .text{
      width: 100%;
      margin-top: getRem(30);
      font-size: getRem(28);
    }
  }
</style>